<div class="content">
    <div class="row">
        <div class="col-md-12">
            <custom-tab tab-item-list="tabItemList">

            </custom-tab>
            <div class="portlet-header " style="margin-top: 10px">
                <div class="operation-btn pull-left">
                    <a href="javascript:;" class="btn blue" ng-click="deploy()">配置</a>
                </div>
                <div class="operation-btn pull-right">
                    <form class="form-inline" role="form">
                        <div class="form-group info-list-select">
                            <select class="form-control"
                                    name="result"
                                    ng-model="projectType"
                                    select2
                                    required>
                                <option value="" selected>--2017--</option>
                                <option value="" selected>--2018--</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <select name="range"
                                    class="select2-container form-control ng-isolate-scope ng-pristine ng-valid"
                                    data-placeholder="--行政区划--"
                                    ng-model="model.deviceType" select2 style="min-width: 200px;">
                                <option ng-repeat="area in range" value="{{area.key}}"
                                        ng-bind="area.text"></option>
                            </select>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="请输入关键字" ng-model="condition.search">
                        </div>
                        <a href="javascript:;" class="btn blue" ng-click="search()">查询</a>
                    </form>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-sm-12"></div>
                <div class="col-md-6 col-sm-6" style="width: 47%;height: 400px;border: 1px solid #cccccc;margin: 15px" id="first">
                    <type-pie
                            id="typePieId"
                            data="typePieData"
                    ></type-pie>
                </div>
                <div class="col-md-6 col-sm-6" style="width: 47%;height: 400px;border: 1px solid #cccccc;margin: 15px" id="second">
                    <emission-map
                            id="emissionMapId"
                            data="emissionMapData"
                    ></emission-map>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-sm-12" style="width: 97%;height: 350px;border: 1px solid #cccccc;margin: 15px" id="third">
                    <pollution-bar
                            id="pollutionBarId"
                            data="pollutionBarData"
                    ></pollution-bar>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-sm-12" style="width: 97%;height: 350px;border: 1px solid #cccccc;margin: 15px" id="four">
                    <industry-bar
                            id="industryBarId"
                            data="industryBarData"
                    ></industry-bar>
                </div>
            </div>

        </div>
    </div>
</div>

